@charset "utf-8";
$font-size: 20px;
@function w($font) {
    @return $font/$font-size*(640/640)*1rem;
}
.nine {
    background: #e7c598;
    color: red;
}
.content {
    .alert_son {
        height: auto;
        background-image: url("../images/01.jpg");
        padding-bottom: 20px;
        .bg_title {
            padding-top: w(40px);
            width: w(332px);
            margin: 0 auto;
        }
        .tab {
            position: relative;
            width: w(500px);
            height: w(936px);
            border-bottom: 1px solid white;
            overflow-y: scroll;
            margin: 0 auto;
            scrollbar-track-color: transparent;
            .my_order {
                position: fixed;
                width: 25rem;
                height: 5.2rem;
                bottom: 5.75rem;
                background: #e7c598;
                div {
                    width: 3.15rem;
                    height: 3.15rem;
                    line-height: 3.15rem;
                    border-radius: 50%;
                    background: red;
                    margin: 0 auto;
                    overflow: hidden;
                    text-align: center;
                }
                table tr td {
                    color: white;
                    &:nth-child(1) {
                        text-align: center;
                        width: 15%;
                    }
                    &:nth-child(2) {
                        text-align: center;
                        width: 21%;
                    }
                    &:nth-child(3) {
                        width: 25%;
                    }
                }
            }
            table {
                width: 100%;
                border: w(1px) solid white;
                tr {
                    border-bottom: w(1px) solid white;
                    td {
                        text-align: center;
                        font-size: w(25px);
                        padding: w(20px) 0;
                        color: white;
                        .circle {
                            width: w(63px);
                            height: w(63px);
                            line-height: w(63px);
                            border-radius: 50%;
                            background: red;
                            margin: 0 auto;
                            overflow: hidden;
                            text-align: center;
                        }
                        .first {
                            color: yellow;
                        }
                        .second {
                            color: goldenrod;
                        }
                        &:nth-child(1) {
                            text-align: center;
                            width: 15%;
                        }
                        &:nth-child(2) {
                            text-align: left;
                        }
                        &:nth-child(3) {
                            text-align: left;
                        }
                        &:nth-child(4) {
                            color: white;
                            text-align: center;
                          
                        }                       
                    }

                }

            }
        }
        .icons {
            width: w(42px);
            height: w(42px);
            line-height: w(42px);
            text-align: center;
            border-radius: 50%;
            background: #e7c598;
            float: right;
            margin-right: w(57px);
            margin-top: w(25px);
            span {
                color: red;
                font-size: 35px;
            }
            &:after {
                content: '';
                display: block;
                clear: both;
            }
        }

    }
}
